<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>
<!-- 加载提醒 -->
<div ng-show="loading" class="text-center m-t-md text-lg"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>

<!-- 内容区域 -->
<div ng-hide="loading" class="wrapper-md content">
    <!-- 数据显示 -->
    <div class="wrapper-data">
        <div class="panel panel-default">

            <div class="panel-body">
                <!--<div class="w-lg">-->
                <form ng-submit="searchRe()" class="form-horizontal">
                    <div class="form-group">
                        <!--<label class="col-sm-1 control-label">关键字</label>-->
                        <!--<div class="col-sm-2">-->
                        <!--<input type="text" class="form-control" ng-model="searchParams.keyword"-->
                        <!--placeholder="邮箱,联系方式,广告名称或广告位置查询">-->
                        <!--&lt;!&ndash;<span class="input-group-btn">&ndash;&gt;-->
                        <!--&lt;!&ndash;<button class="btn btn-default" type="submit" style="height: 38px;"><i class="fa fa-search"></i></button>&ndash;&gt;-->
                        <!--</span>-->
                        <!--</div>-->


                        <!--<label class="col-sm-1 control-label">投放平台: </label>-->
                        <!--<div class="col-sm-2">-->
                        <!--<select class="form-control" ng-model="searchParams.adsPlatform">-->
                        <!--<option value="">&#45;&#45;请选择&#45;&#45;</option>-->
                        <!--<option value="联币金融">联币金融</option>-->
                        <!--<option value="智仟汇">智仟汇</option>-->
                        <!--<option value="糯糯金服">糯糯金服</option>-->
                        <!--</select>-->
                        <!--</div>-->


                        <!--<label class="col-sm-1 control-label">平台应用: </label>-->
                        <!--<div class="col-sm-2">-->
                        <!--<select class="form-control" ng-model="searchParams.platformApp">-->
                        <!--<option value="">&#45;&#45;请选择&#45;&#45;</option>-->
                        <!--<option value="APP">APP</option>-->
                        <!--<option value="网站">网站</option>-->
                        <!--</select>-->
                        <!--</div>-->

                        <!--<label class="col-sm-1 control-label">查询时间段: </label>-->

                        <!--<div class="col-sm-2">-->
                        <!--<div class="input-daterange input-group">-->
                        <!--<input type="hidden" name="statsTime" ng-model="searchParams.statsTime" value="{{searchParams.statsTime}}">-->
                        <!--<input type="text" ng-model="searchParams.statsTime" class="form-control" id="statsTime" name="statsTime"/>-->
                        <!--</div>-->
                        <!--</div>-->

                        <div class="col-sm-2">
                            <input type="text" placeholder="开始时间" ng-model="searchParams.StartTime" class="form-control" id="StartTime" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss', start: laydate.now(0, 'YYYY-MM-DD hh:mm:ss')})"/>
                        </div>
                        <div class="col-sm-2">
                            <input type="text" placeholder="结束时间" ng-model="searchParams.EndTime" class="form-control" id="EndTime" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss', start: laydate.now(0, 'YYYY-MM-DD hh:mm:ss')})"/>
                        </div>

                        <div class="col-md-1">
                            <label class="col-sm-1 control-label"><button class="ifc-btn btn-primary"  ng-click="searchRe()">查 询</button></label>
                        </div>
                    </div>

                </form>
                <!--</div>-->
            </div>


            <!-- 数据表格 -->
            <div class="table-responsive">
                <table class="table table-striped b-t b-light text-center">
                    <thead>
                    <tr>
                        <th>编号</th>
                        <th>统计时间</th>
                        <th>曝光量</th>
                        <th>点击量(次)</th>
                        <th>平均点击率</th>
                        <th>花费(日)</th>
                        <th>点击均价</th>
                        <th>下载量</th>
                        <th>注册量</th>
                        <th>付费行为量</th>
                        <th>付费金额</th>
                        <th>下载率</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in pageInfo.records">
                        <td class="v-middle">{{$index+1}}</td>
                        <td class="v-middle">{{ item.statsTime | date : 'yyyy-MM-dd HH:mm:ss'}}</td>
                        <td class="v-middle">{{item.impressions}}</td>
                        <td class="v-middle">{{item.clicks}}</td>
                        <td class="v-middle">{{item.avgClickRate}}</td>
                        <td class="v-middle">{{item.cpc}}</td>
                        <td class="v-middle">{{item.downloads}}</td>
                        <td class="v-middle">{{item.registers}}</td>
                        <td class="v-middle">{{item.costActions}}</td>
                        <td class="v-middle">{{item.costAmount}}</td>
                        <td class="v-middle">{{item.downloadRate}}</td>

                    </tr>
                    </tbody>
                </table>
            </div><!-- /.table-responsive -->

            <!-- 底部分页 -->
            <span data-ng-include=" 'src/tpl/pageInfo.html' "></span>
        </div><!-- /.panel -->
    </div><!-- /.wrapper-data -->

</div><!-- /.wrapper-md -->